body, #map{
            padding: 0px;
            margin: 0px;
        }

        html, body{
            height: 100%;
            /*overflow-y: hidden;*/
            -webkit-touch-callout: none;  
		    -webkit-user-select: none;  
		    -khtml-user-select: none;  
		    -moz-user-select: none;  
		    -ms-user-select: none;  
		    user-select: none;  
        }
        ::-webkit-scrollbar
		{
		    width: 10px;
		    height: 10px;
		    background-color: #F5F5F5;
		}
		 
		/*定义滚动条轨道 内阴影+圆角*/
		::-webkit-scrollbar-track
		{
		    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		    border-radius: 0px;
		}
		 
		/*定义滑块 内阴影+圆角*/
		::-webkit-scrollbar-thumb
		{
		    border-radius: 0px;
		    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
		    background-color: #E8E8E8;
		}
        #bg{
        	
        	height: 85.5%;
        }
        #chart1{
        	height: 480.5px;
       		width: 487px;
       		position: absolute;
       		right: 5px;
       		border: 2px solid #D4D9DC;
       		border-top-right-radius: 20px;
       		/*border-top-left-radius: 15px;*/
        }
        #chart3{
        	height: 328px;
       		width: 99.5%;
       		position: absolute;
       		/*right: 480px;*/
       		left: 5px;
       		bottom: 5px;
       		border: 2px solid #D4D9DC;
	       	/*border-bottom-right-radius: 15px;
	       	border-bottom-left-radius: 15px;*/
	       	overflow: auto;
        }
        .svg1{
        	position: absolute;
        	top: 30px;
        	left: 5px;
        }
        .svg1_1{
        	position: absolute;
        	top: 30px;
        	left: 556px;
        }
        .colorDiv{
        	position: absolute;
        	right: 562px;
        	bottom: 57px;
        	width: 20px;
        	height: 120px;
        	/*border: 1px solid black;*/
        }
        .colorDiv1{
        	position: absolute;
        	right: 12px;
        	bottom: 57px;
        	width: 20px;
        	height: 120px;
        	/*border: 1px solid black;*/
        }
        .text1{
        	font-size: 18px;
        }
        .gyL .domain, .gyL .tick line, .gy4 .domain, .gy4 .tick line, .gy .domain, .gy .tick line, .gy4F .tick line, .gy4F .domain{
        	display: none;
        	stroke-width: 1.5px;
        }
        .gxL .domain, .gxL .tick line, .gx4 .tick line, .gx4 .domain, .gx .tick line, .gx .domain{
        	stroke-width: 1.5px;
        	stroke: grey;
        }
        .gx1 .domain, .gx1 .tick line{
        	stroke-width: 1.5px;
        	stroke: grey;
        }
        .gyL .tick text, .gy4 .tick text, .text1, .text2, .gy4F .tick text{
        	font-family: georgia;
        	font-weight: 600;
        	font-size: 12px;
        }
        .gy .tick text{
        	font-family: georgia;
        	font-weight: 600;
        	font-size: 11px;
        	display: none;
        }
        .gxL .tick text, .gx4 .tick text, .gx .tick text, .gx1 .tick text{
        	font-weight: 600;
        	font-size: 12px;
        	fill: #5E6268;
        }
        .svg2{
        	position: absolute;
        	top: 50px;
        	right: 0px;
        }
        .svg3{
        	position: absolute;
        	top: 5px;
        }
        .p1{
        	cursor: ew-resize;
        }
        .TimeText{
        	font-family: georgia;
        	font-weight: 550;
        }
        .svg4{
        	position: absolute;
        	top: 75px;
        }
        .title_svg_g .p{
        	stroke-width: 1px;
        }
        #menue{
        	position: absolute;
        	width: 770px;
        	height: 45px;
        	border: 1px solid #D4D9DC;
        	left: 375px;
        	top: 5px;
        	border-top-left-radius: 15px;
        	border-bottom-left-radius: 15px;
        	display: block;
        }
        #left_board{
        	position: absolute;
        	/*background-color: black;*/
        	width: 0px;
        	/*height: 100%;*/
        	left: 351px;
        	border-left:1px solid silver;
        }
        #right_board{
        	position: absolute;
        	/*background-color: black;*/
        	width: 0px;
        	/*height: 100%;*/
        	right: 488px;
        	border-right:1px solid silver;
        }
        #message{
        	width: 340px;
        	height: 310px;
        	position: absolute; 
        	left: 5px;
        	top: 5px;
        	border: 1px solid silver; 
        	border-radius: 15px;
        }
       #map{
       	height: 99%;
       	width: 99.4%;
       	border: 2px solid #DDDDDD;
       	/*border-bottom-right-radius: 15px;
       	border-bottom-left-radius: 15px;*/
       	/*float: left;*/
       	/*top: 5px;*/
       	z-index:0;
       	position: absolute;
       	top: 3px;
       	left: 3px;
       	box-shadow: 0px 0px 0px #DDDDDD;
       	display: block;
       	/*border-radius: 15px;*/
       }
       #mapbg{
       	height: 585px;
       	width: 1105px;
       	/*1550px*/
       	/*border: 2px solid white;*/
       	border: 2px solid #C3C3C3;
       	/*border-bottom-right-radius: 15px;
       	border-bottom-left-radius: 15px;*/
       	/*float: left;*/
       	top: 10px;
       	z-index:801;
       	position: absolute;
       	left: 367.5px;
       	box-shadow: 0px 0px 0px #DDDDDD;
       	display: block;
       	border-radius: 3px;
       	/*border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;*/
       	background-color: white;
       	box-shadow: 0px 3px 3px rgba(211,211,211);
       }
       .sameP{
       	position: absolute; 
       	width: 40px;
       	left: 0px; 
       	height: 40px; 
       	border: 1px solid #cccccc;
       	border-radius: 5px;
       	box-shadow: 0px 0px 5px rgba(0, 0, 0, .075);
       	background: white;
       	text-align: center;
       	line-height: 40px;
       	margin: 0;
       	cursor: pointer;
       	}
       	.sameI{
       		position: absolute; 
       		top: 0px; 
       		left: 9px; 
       		width: 20px; 
       		height: 20px; 
       		font-size: 26px; 
       		color: #5E6268;
       	}
       	#cli_trash:active i{
       		color: red;
       	}
       #map_svg_tool{
       	position: absolute; 
       	z-index: 801; 
       	width: 1090.5px; 
       	height: 60px; 
       	left: 5px; 
       	top: 5px; 
       	/*background-color: rgba(0, 0, 0, 0.3);*/
       	background-color: white;
       	/*border-bottom-left-radius: 20px;
       	border-bottom-right-radius: 20px;*/
       	box-shadow: 0px 5px 5px rgba(211,211,211);
       	display: none;
       }
       #map_svg_tool_down{
       	position: absolute; 
       	z-index: 801;
       	width: 80px; 
       	height: 40px; 
       	right: 5px; 
       	top: 5px;
       	background: #F8F8F8;
       	border-bottom-left-radius: 40px;
       	border-bottom-right-radius: 40px;
       	cursor: pointer;
       	display: none;
       	/*text-align: center;*/
       }
       .new{
       	height: 30px;
       	width: 30px;
       	background-color: white;
       	position: absolute;
       	z-index: 2;
       	cursor: pointer;
       	border-radius: 4px;
       	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
       	left: 100px;
       	top: 50px;
       }
       #qurey{
       	width: 353px;
       	height: 59%;
       	background-color: white;
       	z-index: 1;
       	left: 5px;
       	/*top: 10px;*/
       	padding: 1px;
       	position: absolute;
       	/*box-shadow: 4px 4px 4px #DDDDDD;*/
       	/*border-radius: 15px;*/
       	/*border-top-right-radius: 15px;*/
       	border-top-left-radius: 20px;
       	border: 2px solid #D4D9DC;
       }
       #road_op{
       	width: 315px;
       	height: 180px;
       	/*background-color: silver;*/
       	position: absolute;
       	top: 60px;
       	left: 15px;
       	border: 1px solid silver;
       	border-radius: 15px;
       }
       /*#anmibar{
       	z-index: 1;
       	width: 0px; 
       	height: 0px; 
       	cursor: pointer; 
       	float: left;
       	left: 560px;
       	top: 1px;
       	position: absolute;
       	border-left: 8px solid transparent; 
		border-right: 8px solid transparent; 
		border-top: 15px solid black; 
       }*/
       #toolbar {
		/*margin-left: 100px;
		margin-top: 100px;*/
		left: 464px;
		/*bottom: 293px;*/
	    /*border: 1px solid black;*/
	    width: 560px;
	    height: 30px;
	    /*background-color: white;
	    opacity: 0.1;*/
	    background-color:rgba(0,0,0,0.2);
	    border-radius: 12px;
	    z-index: 1;
	    display: none;
	    position: absolute;
		}
		.test{
			opacity: 1;
			position: absolute;
			left: 35px;
			width: 70%;
			left: 157px;
			float: left;
		}
		#icon{
			position: absolute;
			width:30px;
			height: 30px;
		  	/*top: 8px;*/
		  	left: 42px;
		  	border-radius: 15px;
		  	border-style: inherit;
		  	cursor: pointer;
		  	outline: none;
	/*	  	float: left;*/
		  }
		#icon1{
			position: absolute;
			width:30px;
			height: 30px;
		  	/*top: 8px;*/
		  	left: 5px;
		  	border-radius: 15px;
		  	border-style: inherit;
		  	cursor: pointer;
		  	outline: none;
		  	/*float: left;*/
		  	}
		#icon2{
			position: absolute;
			width:30px;
			height: 30px;
		  	/*top: 8px;*/
		  	left: 80px;
		  	border-radius: 15px;
		  	border-style: inherit;
		  	cursor: pointer;
		  	outline: none;
		  	/*float: left;*/
		  	}
		.reloadbt{
			cursor: pointer;
		}
		#pop{
			border: 1px solid silver;
			width: 63px;
			height: 27px;
			z-index: 2;
			position: absolute;
			/*top: 500px;*/
			left: 597px;
			background-color: white;
			opacity: 1;
			border-radius: 20px;
			display: none;
		}
		#pop1{
			width: 0px; 
       		height: 0px;
       		border-left: 6px solid transparent; 
			border-right: 6px solid transparent; 
			border-top: 10px solid white; 
			position: absolute;
			top: 26px;
			left: 26px; 
			/*border: 1px solid silver;*/
		}
		.overlay, .overlay1{
				fill: none;
				pointer-events: all;
			}
		.tooltip{
				position: absolute;
				width: 127px;
				height: 200px;
				border: 1px solid silver;
				border-top-left-radius: 9px;
				border-top-right-radius: 9px;
				background-color: white;
			}
		.tooltip1{
				position: absolute;
				width: 102px;
				height: 200px;
				border: 1px solid silver;
				border-top-left-radius: 9px;
				border-top-right-radius: 9px;
				background-color: white;
			}
		.des_body{
			position: absolute;
			top: 20px;
			width: 125px;
			height: 178px;
			color: #5E6268;
			overflow-x:hidden;
			overflow-y: auto;
		}
		.des_body1{
			position: absolute;
			top: 20px;
			width: 100px;
			height: 178px;
			color: #5E6268;
			overflow-x:hidden;
			overflow-y: auto;
		}
		.title, .title1{
				/*position: absolute;*/
				border-bottom: 1px solid silver;
				text-align: center;
			}
		
		.divshow{
				position: absolute;
				width: 100px;
				height: 45px;
				right: 5px;
				top: 57px;
				border: 1px solid black;
				border-top-left-radius: 12px;
				border-top-right-radius: 12px;
			}
		.title1{
			position: absolute;
			width: 100px;
			height: 20px;
			border-bottom: 1px solid #000000;
			text-align: center;
			}
		.goback{
			position: absolute;
			right: 35px;
			top: 109px;
			width: 34px;
			height: 34px;
			border-radius: 10px;
			border: 1px solid black;
		}
		.flowdiv{
			position: absolute;
			top: 20px;
			width: 50px;
			height: 24px;
			border-right: 1px solid #000000;
			text-align: center;
			line-height: 24px;
		}
		.speeddiv{
			position: absolute;
			top: 20px;
			left: 50px;
			width: 42px;
			height: 24px;
			text-align: center;
			line-height: 24px;
		}
		.desText, .desText1{
				/*position: absolute;*/
				display: inline;
				margin-left: 8px;
				
			}
		.des, .des1{
			margin-left: 0px;
		}
		#circle-contral{
			position: absolute;
			background-color:rgba(0,0,0,0.2);
			/*border: 1px solid white;*/
			width: 43px;
			height: 40px;
			z-index: 10;
			left: 5px;
			top: 10px;
			/*border-right: 1px solid black;*/
			/*border-top-left-radius: 53px;
			border-bottom-left-radius: 53px;*/
			border-radius: 63px;
			display: block;
			cursor: pointer;
		}
		#circle-contral1{
			position: absolute;
			background-color:rgba(0,0,0,0.2);
			/*border: 1px solid white;*/
			width: 43px;
			height: 40px;
			z-index: 10;
			left: 5px;
			top: 70px;
			/*border-top-right-radius: 53px;
			border-bottom-right-radius: 53px;*/
			border-radius: 63px;
			display: block;
			cursor: pointer;
		}

		input{
			border-style: solid;
			border-color: silver;
			border-width: 1px;
			text-align: center;
		}
		path.slice{
			stroke-width:2px;
		}
		polyline{
			opacity: .3;
			stroke: black;
			stroke-width: 2px;
			fill: none;
		} 
		.svg2 text.percent{
			fill:white;
			text-anchor:middle;
			font-size:12px;
		}
		.cheakbox{
			position: absolute;
			right: 10px;
			bottom: 25px;
			width: 20px;
			height: 18px;
			z-index: 805;
		}		
		#buju{
			position: absolute;
			top: 10px;
			left: 10px;
			height: 585px;
			width: 350px;
			background-color: white;
			border-radius: 3px;
			border: 2px solid #C3C3C3;
			/*border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;*/
			/*border-top-left-radius: 10px;*/
			overflow-y: auto;
			overflow-x: hidden;
			/*box-shadow: 3px 3px 3px rgba(211,211,211);*/ 
		}
		.bujuSamep{
			font-family: georgia; 
			font-weight: 600; 
			top: 3px; 
			box-shadow: 0 3px 3px rgba(0, 0, 0, .075); 
			border: 1px solid #cccccc; 
			background: #66ABDD; 
			text-align: center; 
			line-height: 34px; 
			color: white; 
			border-radius: 4px; 
			position: absolute;
			height: 34px; 
			width: 80px;
		}
		#buju1{
			position: absolute;
			height: 903px;
			width: 430px;
			top: 10px;
			right: 10px;
			background-color: white;
			border: 2px solid #C3C3C3;
			/*border-radius: 15px;*/
			/*border-bottom-right-radius: 15px;*/
			/*border-top-right-radius: 10px;*/
			box-shadow: 0px 3px 3px rgba(211,211,211);
		}
		#buju2{
			position: absolute;
			height: 305px;
			width: 1106px;
			left: 351px;
			top: 0px;
			background-color: white;
			/*border-radius: 15px;*/
			/*border-bottom-right-radius: 10px;
			border-top-right-radius: 10px;*/
			overflow-y: auto;
			/*box-shadow: 0px 3px 3px rgba(211,211,211);*/
			/*display: none;*/
		}
		#buju3{
			position: absolute;
			height: 310px;
			width: 1462px;
			left: 10px;
			top: 603px;
			background-color: white;
			border: 2px solid #C3C3C3;
			/*border-radius: 3px;*/
			/*border-bottom-left-radius: 10px;
			border-top-left-radius: 10px;*/
			/*border-bottom-right-radius: 15px;*/
			/*overflow-y: auto;
			overflow-x: hidden;*/
			box-shadow: 0px 3px 3px rgba(211,211,211);
			 /*word-wrap:break-word;*/
		}
		.buju3SameDiv{
			position: absolute;
			height: 20px;
			top: 10px;
			width: 20px;
			background: #2FC25B;
			border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;
			cursor: pointer;
			z-index: 1;
		}
		#RoadTable{
			position: absolute;
			top: 10px;
			width: 350px;
			height: 270px;
			z-index: 0;
		}
		.RoadTableTitle{
			position: absolute;
			margin: 0;
			height: 25px;
			width: 339px;
			text-align: center;
			line-height: 25px;
			font-family: georgia;
			left: 6px;
			font-weight: 600;
			color: #5E6268;
			font-size: 15px;
			top: 0px;
			background: #E0EDFA;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		.RoadTableBody{
			position: absolute;
			left: 5px;
			top: 25px;
			width: 340px;
			/*border: 1px solid silver;*/
			height: 240px;
			/*border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;*/
			/*box-shadow: 2px 2px 3px rgba(211,211,211);*/
			border-top-width: 0px;
			overflow-x: hidden;
			overflow-y: auto;
		}
		#buju4{
			position: absolute;
			height: 370px;
			width: 100%;
			/*right: 10px;*/
			top: 202px;
			left: 0px;
			background-color: white;
			/*display: none;*/
			border-bottom: 1px solid #C3C3C3;
			border-left: 1px solid #C3C3C3;
			border-right: 1px solid #C3C3C3;
			/*border-radius: 10px;*/
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
			/*box-shadow: 0px 4px 4px rgba(211,211,211);*/
		}
		option{
		    -webkit-appearance: none;
		}
		/*path{
		    fill: none;
		    stroke: cornflowerblue;
		    stroke-width: 2px;
		}*/
		
		#tab{
			position: absolute;
			/*border-bottom: 30px solid rgb(20, 202, 130);*/
			border-bottom: 30px solid #EAE8E7; 
			border-right: 27px solid transparent; 
			height: 30px; 
			width: 80px;
			left: 0px;
			top: 1px;
			text-align: center;
			line-height: 30px;
			font-size: 15px;
			font-weight: 600;
			font-family: georgia;
		}

		#tab1{
			width: 80px; 
			height: 30px; 
			/*margin-left:20px;*/ 
			transform: skewX(40deg); 
			/*background: rgb(255, 127, 14);*/
			background: #EAE8E7;
			position: absolute;
			left: 73px;
			top: 1px;
			text-align: center;
			line-height: 30px;
			font-size: 15px;
			font-weight: 600;
			font-family: georgia;
			/*box-shadow: 0px 5px 3px #aaa;*/ 
		}
		#tab1 p{
			transform: skew(-40deg);
		}
		#pre_test{
			position: absolute;
			width: 470px;
			height: 60px;
			border-radius: 25px;
			background-color: rgba(0, 0, 0, 0.7);
			right: 20px;
			top: 18px;
			z-index: 801;
			line-height: 60px;
			transition:  all 0.3s ;
			cursor: pointer;
		}
		#pre_test.change_radius{
			border-top-left-radius: 25px;
			border-bottom-left-radius: 0px;
			border-bottom-right-radius: 0px;
			border-top-right-radius: 25px;
		}
		#pre_table{
			position: absolute;
			top: 30px;
			/*left: 6px;*/
			width: 100%;
			height: 172px;
			background-color: white;
			border-left: 1px solid #C3C3C3;
			border-right: 1px solid #C3C3C3;
			/*border: 1.5px solid #5E6268;*/
			/*top: 40px;
			left: 5px;*/
			/*border-radius: 10px;*/
			/*box-shadow: 2px 4px 4px rgba(211,211,211);*/
			/*border-bottom-left-radius: 10px;
			border-bottom-right-radius: 10px;*/
			/*display: none;*/
		}
		
		
		#weather_bored{
			position: absolute;
			top: 16px;
			width: 100%;
		}
		.weather_icon{
			position: relative;
			margin: 0 0 0 93px;
			
		}
		.weather_icon li{
			display: inline-block;
			width: 57px;
			margin:0, 10px;
			cursor: pointer;
		}
		
		
		#week_bored{
			position: absolute;
			top: 65px;
			width: 100%;
		}
		.week_text{
			position: relative;
			margin: 4px 0 0 74px;
			font-size: 15px;
			font-family: georgia;
			font-weight: 600;
		}
		.week_text li{
			display: inline-block;
			width: 43px;
			margin:0, 10px;
			cursor: pointer;
		}
		.week_text li i{
			color: #D3D3D3;
		}
		.use_tool li {
		  display: inline-block;
		  width: 50px;
		  color:#D3D3D3;
		  margin:0, 10px;
		  /*float: left;*/
		}
		#question1:hover p{
			display:block;
			transform-origin: 100% 0%;
		
			-webkit-animation: fadeIn 0.3s ease-in-out;
			animation: fadeIn 0.3s ease-in-out;
		}
		#question1 p{
			display: none;
			text-align: left;
			background-color: #1E2021;
			padding: 5px;
			width: 150px;
			position: absolute;
			border-radius: 3px;
			box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
			right: -4px;
			color: #FFF;
			font-size: 13px;
			line-height: 1.4;
			z-index: 1;
			font-family: georgia;
		}
		#question1 p:before{
			position: absolute;
			content: '';
			width:0;
			height: 0;
			border:6px solid transparent;
			border-bottom-color:#1E2021;
			right:8px;
			top:-12px;
		}
		#question1 p:after{
			width:100%;
			height:40px;
			content:'';
			position: absolute;
			top:-18px;
			left:0;
		}
		#question2:hover p{
			display:block;
			transform-origin: 100% 0%;
		
			-webkit-animation: fadeIn 0.3s ease-in-out;
			animation: fadeIn 0.3s ease-in-out;
		}
		#question2 p{
			display: none;
			text-align: left;
			background-color: #1E2021;
			padding: 5px;
			width: 150px;
			position: absolute;
			border-radius: 3px;
			box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
			right: -4px;
			color: #FFF;
			font-size: 13px;
			line-height: 1.4;
			z-index: 1;
			font-family: georgia;
		}
		#question2 p:before{
			position: absolute;
			content: '';
			width:0;
			height: 0;
			border:6px solid transparent;
			border-bottom-color:#1E2021;
			right:8px;
			top:-12px;
		}
		#question2 p:after{
			width:100%;
			height:40px;
			content:'';
			position: absolute;
			top:-18px;
			left:0;
		}
		#select_menu:hover p{
			display:block;
			transform-origin: 100% 0%;
		
			-webkit-animation: fadeIn 0.3s ease-in-out;
			animation: fadeIn 0.3s ease-in-out;
		}
		#select_menu p{
			display: none;
			text-align: left;
			background-color: #EAE8E7;
			padding: 5px;
			width: 180px;
			height: 40px;
			position: absolute;
			border-radius: 3px;
			box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
			/*right: -4px;*/
			color: #FFF;
			font-size: 13px;
			line-height: 1.4;
			z-index: 1;
			font-family: georgia;
			top: 35px;
		}
		#select_menu p:before{
			position: absolute;
			content: '';
			width:0;
			height: 0;
			border:6px solid transparent;
			border-bottom-color: #EAE8E7;
			/*right:8px;*/
			top:-12px;
		}
		#select_menu p:after{
			width:100%;
			height:20px;
			content:'';
			position: absolute;
			top: -15px;
			left:0;
		}
		.but_road:hover{
			color: black;
		}
		.but_taxi:hover{
			color: black;
		}
		.but_road:active{
			color: black;
		}
		.but_taxi:active{
			color: black;
		}
		.tabsClass{
			margin: 15px 0 0 11px;
			height: 36px; 
			width: 326px;
			/*border: 1px solid silver;*/
		}
		.tabsClass li{
			display: inline-block;
			width: 158px;
			height: 100%;
			/*border: 1px solid silver;*/
			text-align: center;
			line-height: 36px;
			margin-left: -4px;
			font-weight: 600;
		}
		.addtabsClass1{
			/*border-top: 1px solid silver;
			border-left: 1px solid silver;*/
			/*border-right: 1.5px solid silver;*/
			border-top-left-radius: 3px;
			border-bottom-left-radius: 1px;
			border-top-right-radius: 3px;
			box-shadow: -1.5px -1.5px 1px rgba(211,211,211), 1.5px 0px 0px rgba(211,211,211);
			background: white;
			font-family: georgia;
			color: #5E6268;
		}
		.addtabsClass2{
			/*border-bottom: 1px solid silver;*/
			color: silver;
			background: #F8F8F8;
			box-shadow: -1.5px 1.5px 1px rgba(211,211,211);
		}
		#view1{
			/*margin: 0px 0 0 6px;*/
			position: absolute;
			left: 6px;
			top: 0px;
			height: 330px; 
			width: 318.5px;
			/*border-left: 1px solid silver;
			border-right: 1px solid silver;
			border-bottom: 1px solid silver;*/
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			/*box-shadow: 0px 4px 3px rgba(211,211,211);*/
		}
		#view2{
			position: absolute;
			height: 330px;
			width: 318.5px;
			left: 324.5px;
			top: 0px;
			opacity: 0;
			/*display: none;*/
		}
